@import "./resourses/variables";
@import "./resourses/reset.scss";
@import "./resourses/flex";

@each $dir in(top, bottom, right, left) {
    .border-#{$dir} {
        border-#{$dir}: 1px solid $border-color;
    }
}

//font-colors
@each $colorKey, $color in $font-colors {
    .text-#{$colorKey} {
        color: $color;
    }
}

//font-size
@each $sizekey, $size in $font-sizes {
    .fs-#{$sizekey} {
        font-size: $size;
    }
}

//bg-colors
@each $colorKey, $color in $colors {
    .bg-#{$colorKey} {
        background-color: $color;
    }
}
